<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <title>房间配置</title>
    <link href="/static/admin/css/public/style.css" rel="stylesheet">
    <link href="/static/admin/css/public/style-responsive.css" rel="stylesheet">
    <link href="/static/admin/css/public/loading.css" rel="stylesheet">
    <link href="/static/admin/css/sys/roomSet.css" rel="stylesheet">

    <script src="/static/admin/js/public/html5shiv.js"></script>
    <script src="/static/admin/js/public/plugs/respond.min.js"></script>
</head>

<body class="sticky-header" style="font-family: '微软雅黑';">
<!-- 页面位置 -->
<div class="page-heading">
    <ul class="breadcrumb" style="margin-top: 20px;">
        <span style="font-weight: bold;">位置：</span>
        <li>系统管理</li>
        <li>房间配置</li>
        <li class="active">血池控制列表<span id="roomTitle"></span></li>
    </ul>
    <hr />
</div>
<!-- 页面位置 -->
<div class="wrapper">
    <div class="form-inline form-group">
        <form style="display: inline;">
            游戏:
            <select class="select" id="game" onchange="loadRoomServerId(this)">
                <option value="">&nbsp;&nbsp;全部</option>
            </select>

            &nbsp;&nbsp;房间:
            <select class="select" id="room">
                <option value="">&nbsp;&nbsp;全部</option>
            </select>
            &nbsp;&nbsp;状态:
            <select class="select" id="state">
                <option value="-1" selected="selected">&nbsp;&nbsp;全部</option>
                <option value="1">&nbsp;&nbsp;已执行</option>
                <option value="0">&nbsp;&nbsp;待执行</option>
            </select>
            <input type="reset" id="reset" style="display: none;" />
        </form>
        <button class="btn btn-sm btn-success" onclick="searchData()">开始查询</button>
        <button class="btn btn-sm btn-success" style="margin-left: 10px;" onclick="loadAllData()">显示所有</button>
    </div>
    <span class="fa fa-times-circle return" title="关闭" onclick="history.go(-1)"></span>
    <div class="row" style="margin-bottom: 88px;">
        <div class="col-sm-12">
            <section class="panel">
                <div class="dataTable_info" style="font-weight: inherit;">
                    <div class="dataTable_page" style="padding-top: 4px;">
                        <span>共<span id="count" style="margin: 0;">0</span>条记录</span>
                        <span>每页40条</span>
                        <span>页码:<span style="margin: 0;" id="nowPage">1</span>/<span id="allPage">1</span><input type="hidden" id="page" value="" /></span>
                        <span id="shang"><a href="javascript:void();" onclick="previousPage()">上一页</a></span>
                        <span id="xia"><a href="javascript:void();" onclick="nextPage()">下一页</a></span>
                        转到<input class="form-inline" type="text" id="pageIpu"
                                 style="height: 25px; width: 50px; margin-left: 10px;"
                                 onKeyUp="this.value=this.value.replace(/\D/g,'')"
                                 onafterpaste="this.value=this.value.replace(/\D/g,'')" />
                        页
                        <button type="button" class="btn btn-sm btn-primary" id="go" onclick="goPage()">go</button>
                    </div>
                </div>
                <div style="clear: both;"></div>
                <div class="panel-body">
                    <table class="table table-hover table-condensed table-striped general-table">
                        <thead>
                        <tr>
                            <th>执行时间</th>
                            <th>serverId</th>
                            <th>房间名</th>
                            <th>血池平衡值</th>
                            <th>血池配置目标值</th>
                            <th>执行状态</th>
                        </tr>
                        </thead>
                        <tbody id="databody">
                        <tr>
                            <td colspan="6" align="center">数据正在加载中，请稍后~</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    </div>
</div>

<div class="sk-circle" id="load" style="display: ;">
    <div class="sk-circle1 sk-child"></div>
    <div class="sk-circle2 sk-child"></div>
    <div class="sk-circle3 sk-child"></div>
    <div class="sk-circle4 sk-child"></div>
    <div class="sk-circle5 sk-child"></div>
    <div class="sk-circle6 sk-child"></div>
    <div class="sk-circle7 sk-child"></div>
    <div class="sk-circle8 sk-child"></div>
    <div class="sk-circle9 sk-child"></div>
    <div class="sk-circle10 sk-child"></div>
    <div class="sk-circle11 sk-child"></div>
    <div class="sk-circle12 sk-child"></div>
</div>

<script type="text/javascript" src="/static/admin/js/public/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/static/admin/js/public/plugs/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/admin/js/sys/roomSearch/loadGameAndRoom.js"></script>
<script type="text/javascript" src="/static/admin/js/public.js"></script>
<script type="text/javascript" src="/static/admin/js/sys/roomSearch/loadXueChiKongZhiList.js"></script>
<script type="text/javascript">
    $(function(){
        //加载数据
        loadDatas({$kindId},{$serverId});
        });

    //查找数据
    function searchData(){

        $("#page").val("");

        loadDatas();
    }


    //查询所有
    function loadAllData(){
        $("#reset").click();
        $("#page").val("");

        loadDatas();
        $("#room").html("<option value=''>&nbsp;&nbsp;全部</option>");
    }
</script>
</body>
</html>
